<!DOCTYPE html>
<head xmlns:v-bind="http://www.w3.org/1999/xhtml" >
    <meta charset="UTF-8">
    <title>demo5模板语法-参数</title>
  <script src="./js/vue.min.js"></script>

</head>

<body>
   <div id="app">
      <pre><a v-bind:href="url">菜鸟教程</a></pre>
      <p>{{ message }}</p>
     <input v-model="message">
     <button v-on:click="reverseMessage">反转字符串</button>
   </div>
   <script type="application/javascript">
     var vm = new Vue({
       el: "#app",
       data: {
         url: 'http://www.runoob.com',
         message: "Runoob!"
       },
       methods: {
         reverseMessage: function () {
           this.message = this.message.split('').reverse().join('');
         }
       }
     });


   </script>
</body>

</html>
